<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			/*
			 寻找clss，前面需要添加一个.
			 寻找id ，需要添加#号
			 float:作用是并排显示,
			 需要注意：如果在设置浮动属性的时候，必须两个都设置
			 * */
			.div1{
				width: 300px;
				height: 300px;
				border: 1px solid red;
				float: left;
			}
			.div2{
				width: 300px;
				height: 300px;
				border: 1px solid blue;
				float: right;
			}
		</style>
	</head>

	<body>
		<!--
		.表示class
		#表示id
		点一下tab键，自动补全
		-->
		<div class="div1"></div>
		<div class="div2"></div>
	</body>

</html>